width, max-width এবং margin: auto এর ব্যবহার
পূর্ববর্তী অধ্যায় থেকে আমরা জেনেছি যে, একটি ব্লক-লেভেল এলিমেন্ট সবসময় সম্পূর্ণ প্রস্থ অর্থাৎ বাম এবং ডানদিকে যতটা সম্ভব জায়গা দখল করে।
ব্লক লেভেল এলিমেন্টে width সেট করে দিলে এর কন্টেইনারের শেষ প্রান্ত পর্যন্ত প্রস্থ দখল করতে পারে না।
এর পরে আপনি এলিমেন্টটিকে কন্টেইনারের মধ্যে অনুভূমিকভাবে সেন্টারে রাখতে চাইলে margin প্রোপার্টির ভ্যালু auto সেট করতে হবে।
এক্ষেত্রে এলিমেন্টটি নির্দিষ্ট প্রস্থ দখল করবে এবং বাকী অংশটুকু উভয় পাশের মার্জিনের জন্য সমানভাবে ভাগ করে দিবে।
এই এলিমেন্টের width(600px) থেকে ব্রাউজার উইন্ডো ছোট হলে উপরের অর্থাৎ ব্রাউজার একটি হরিজন্টাল স্ক্রলবার সৃষ্টি করবে। এই সমস্যা থেকে উত্তরণের জন্য বিঃদ্রঃ আমাদের এই অধ্যায়ে ব্যবহৃত নিচের উদাহরণে এদের ব্যবহার দেখানো হলোঃ kt_satt_skill_example_id=762 বিঃদ্রঃ দুটি width প্রোপার্টির ভ্যালু সেট করা হয়েছে 600px এবং margin প্রোপার্টির ভ্যালু সেট করা হয়েছে auto।
max-width প্রোপার্টি ব্যবহার করা হয়।
এই max-width প্রোপার্টির ভ্যালু সেট করা হয়েছে 600px এবং margin প্রোপার্টির ভ্যালু সেট করা হয়েছে auto।
Promotion
Download Our Mobile Apps
